<template>
    <view>
		<view class="head-block" v-if="weixin == 2">
				     <view class="nav-title" :style="'top:10px'"></view>
					 <!-- 返回 -->
					 <view class="icon" @tap="goMy" :style="'top:6px'">
					      <van-icon name="arrow-left" color="#333" size="45rpx" />
					  </view>
		</view>
        <!-- pages/rentSuccess/rentSuccess.wxml -->
        <!-- 预约成功 -->
        <view v-if="from == '01'">
            <view class="nopark">
                <image src="../../static/assets/img/sucess.png"></image>
            </view>
            <view class="text">预约成功</view>
			<view class="tip-content">
				首次在邻里停包月用户，搜索关注“邻里停”公众号并私信手机号，即可领取1个月酷喵vip会员权益
			</view>
            <view class="btn btn1" @tap="checkOrderReserve(from)">查看订单</view>
            <!-- <view class="tip-btm">
    <view class="tip-title">重要提醒：</view>
    <view class="tip-content">
      <view>1、准时或提前到达，根据车辆实际进场/离场时间段计费。</view>
      <view>2、晚于预约时间到达，还需额外支付预约时间到实际入场时间的车位占用费用。</view>
      <view>3、若超过预约时间再取消，则需要支付预约时间到取消时间的车位占用费用。</view>
      <view>4、请在车位共享时段内使用，超时停车将按临停单价*3倍计算费用。</view>
    </view>
  </view> -->
        </view>
        <view v-else-if="from == '02'">
            <view class="nopark">
                <image src="../../static/assets/img/sucess.png"></image>
            </view>
            <view class="text">预约成功</view>
			<view class="tip-content">
				首次在邻里停包月用户，搜索关注“邻里停”公众号并私信手机号，即可领取1个月酷喵vip会员权益
			</view>
            <view class="btn btn1" @tap="checkOrderReserve">查看订单</view>
            <!-- <view class="tip-btm">
    <view class="tip-title">重要提醒：</view>
    <view class="tip-content">
      <view>1、该车场为企业车场，预约即为您预留车位。</view>
      <view>2、根据车辆实际进场/离场时间段计费，无其他费用。</view>
    </view>
  </view> -->
        </view>

        <!-- 租赁成功 -->
        <view v-else>
            <view class="nopark">
                <image src="../../static/assets/img/sucess.png"></image>
            </view>
            <view class="text">预约成功</view>
			<view class="tip-content">
				首次在邻里停包月用户，搜索关注“邻里停”公众号并私信手机号，即可领取1个月酷喵vip会员权益
			</view>
            <view class="btn btn2" @tap="checkOrderReserve">查看订单</view>
            <!-- <view class="tip-btm">
    <view class="tip-title">温馨提示：</view>
    <view class="tip-content">
      <view>1、若您需要提前结束租赁，请通过个人中心申请，并与车主协商和线下退款。</view>
      <view>2、需要修改停车车辆信息，请到个人中心中修改。</view>
    </view>
  </view> -->
        </view>
    </view>
</template>

<script>
// pages/rentSuccess/rentSuccess.js
export default {
    data() {
        return {
            from: '', //0预约 1包月
			weixin:uni.getStorageSync('weixin')
        };
    }
    /**
     * 生命周期函数--监听页面加载
     */,
    onLoad: function (options) {
        this.setData({
            from: options.from
        });
    },
    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {},
    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {},
    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {},
    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {},
    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {},
    /**
     * 页面上拉触底事件的处理函数
     */
    // onShareAppMessage: function () {
    // }
    onReachBottom: function () {},
    /**
     * 用户点击右上角分享
     */ methods: {
		 goMy() {
		      uni.reLaunch({
		      	url:'../home/index'
		      })
		  },
        checkOrderReserve(e) {
			var type = this.from == "01" ? 1 : 0 
            uni.navigateTo({
                url: '../order/index?type=' + type
            });
        },
    }
};
</script>
<style>
@import './rentSuccess.css';
</style>
